@charset "utf-8";
/*样式重置*/
/*样式重置*/
* {
    margin: 0;
    padding: 0
}

li {
    list-style: none
}

img {
    border: 0;
    vertical-align: middle
}

html, body {
    width: 100%
}

h1, h2, h3, h4, h5, h6, em, i {
    font-weight: 400;
    font-style: normal
}

body {
    -webkit-font-smoothing: antialiased;
    background-color: #fff;
    font: 12px/1.5 Microsoft YaHei, tahoma, arial, Hiragino Sans GB, \\5b8b\4f53, sans-serif;
}

html, body {
    height: 100%;
    width: 100%;
}

body {
    color: #ffffff;
}

/*品牌详情*/
.swiperBox {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: url("../images/bg1.png");
    background-size: 100% 100%;
}

.swiper-slide {
    background: url("../images/bg1.png");
    background-size: 100% 100%;
}

/*一*/
.slideOne .time {
    font-size: 0.36rem;
    padding: 0.4rem 0.75rem;
    text-align: right;
    color: #ffffff;
}

.slideOne .time span {
    font-size: 0.36rem;
    border-radius: 0.04rem;
    padding: 0 2px;
}

.huizhims {
    width: 4.9rem;
    height: 3.8rem;
    background: url(../images/bg2.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 2.8rem;
    top: 1.2rem;
    text-align: center;
}

.huizhims > img {
    width: 80%;
    height: 80%;
}

.huizhims .huizhinNub {
    text-align: center;
    width: 100%;
    height: 0.85rem;
    overflow: hidden;
    line-height: 0.85rem;
    position: absolute;
    top: 38%;
    margin-top: -0.35rem;
    font-size: 0.85rem;
}

.weibo {
    width: 3.8rem;
    height: 3.2rem;
    background: url("../images/bg2.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 8rem;
    top: 0.5rem;
    text-align: center;
}

.weibo > img {
    width: 80%;
    height: 78%;
}

.weibo .weiboNub {
    text-align: center;
    width: 100%;
    height: 0.85rem;
    overflow: hidden;
    line-height: 0.65rem;
    position: absolute;
    top: 39%;
    margin-top: -0.325rem;
    font-size: 0.8rem;
}

.kekaoxing {
    width: 3.2rem;
    height: 2.8rem;
    background: url(../images/bg2.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 7.3rem;
    top: 4.3rem;
    text-align: center;
}

.kekaoxing > img {
    width: 80%;
    height: 75%;
}

.kekaoxingNub {
    text-align: center;
    width: 100%;
    height: 0.6rem;
    overflow: hidden;
    line-height: 0.6rem;
    position: absolute;
    top: 37%;
    margin-top: -0.3rem;
    font-size: 0.7rem;
}

.weixin {
    width: 9.5rem;
    height: 5.5rem;
    background: url(../images/bg4.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 56%;
    top: 2.2rem;
    line-height: 4.1rem;
    text-align: center;
}

.weixin > img {
    width: 88%;
    height: 100%;
}

.weixinNub {
    text-align: center;
    width: 100%;
    height: 2.2rem;
    overflow: hidden;
    line-height: 2.2rem;
    position: absolute;
    top: 50%;
    margin-top: -1.2rem;
    font-size: 2.2rem;
}

.One5ef {
    color: #5ef0e3;
}

.One5ef ul {
    display: inline-block;
    vertical-align: top;
    text-align: center;
}

.huizhimsText, .huizhimsText2 {
    width: 100%;
    position: absolute;
    bottom: 0.7rem;
    line-height: 0.26rem;
    font-size: 0.3rem;
}

.huizhimsText2 {
    bottom: 0.3rem;
}

.kekaoxing h5 {
    font-size: 0.27rem;
}

.weixin .weixinText {
    width: 100%;
    font-size: 0.6rem;
    position: absolute;
    top: -1rem;
    line-height: 0.65rem;
}

.weibo .huizhimsText {
    bottom: 0.45rem;
    font-size: 0.45rem;
}

.qiye {
    width: 3.2rem;
    height: 2.6rem;
    background: url(../images/bg2.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 3.2rem;
    top: 5.1rem;
    text-align: center;
}

.qiye > img {
    width: 80%;
    height: 80%;
}

.qiye > h5 {
    font-size: 0.3rem;
    bottom: 0.4rem;
}

.qiye > .qiyeNub {
    text-align: center;
    width: 100%;
    height: 0.7rem;
    overflow: hidden;
    line-height: 0.65rem;
    position: absolute;
    top: 39%;
    margin-top: -0.325rem;
    font-size: 0.7rem;
}

.echarts {
    width: 95%;
    height: 4.5rem;
    position: absolute;
    bottom: 0.1rem;
    left: 2.5%;
}

/*TWO*/
.slideTwoL {
    width: 6.25rem;
    height: 4.6rem;
    background: url(../images/bg4.png) no-repeat;
    background-size: 100% 100%;
    left: 1.9rem;
    position: absolute;
    top: 50%;
    margin-top: -3.3rem;
    color: #5ff3ef;
    font-size: 0.25rem;
    padding: 1.7rem 0.6rem 0.3rem 0.75rem;
    overflow: hidden;
}

.slideTwoL > h2 {
    width: 100%;
    height: 1rem;
    line-height: 1rem;
    text-align: center;
    position: absolute;
    top: 0.6rem;
    left: 0;
    font-size: 1.9em;
    font-weight: 700;
}

.TextScrollbox {
    height: 100%;
    width: 93%;
    overflow: hidden;
}

.slideTwoL span {
    width: 4.9rem;
    float: right;
    font-size: 0.32rem;
    line-height: 0.45rem;
    text-align: justify;
}

.slideTwoL i {
    width: 0.75rem;
    display: inline-block;
    font-size: 0.29rem;
    line-height: 0.3rem;
}

.slideTwoL li {
    line-height: 0.5rem;
    margin-bottom: 0.1rem;
}

.gos {
    animation: gogogo 20s linear infinite;
    -webkit-animation: gogogo 20s linear infinite;
}

@-webkit-keyframes gogogo {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-50%);
    }
}

@keyframes gogogo {
    0% {
        -webkit-transform: translateY(0)
    }
    100% {
        -webkit-transform: translateY(-50%)
    }
}

.slideTwoL li:after {
    visibility: hidden;
    clear: both;
    display: block;
    content: ".";
    height: 0
}

.slideTwoL li {
    *zoom: 1
}

.slideTwoR {
    width: 11.5rem;
    height: 10.9rem;
    background: url(../images/bg13.png) no-repeat !important;
    background-size: 100% 100% !important;
    left: 10rem;
    position: absolute;
    top: 6%;
    margin-top: 0;
    padding: 0.6rem 0.1rem 0.6rem 0.8rem;
    box-sizing: border-box;
}

/*三*/
.slideThree {
    width: 15.36rem;
    height: 10.3rem;
    margin: 1.1rem 0 0 2.8rem;
    position: relative;
    background: url("../images/bg5.png") no-repeat;
    background-size: 100% 100%;
    /*transform:scale(0.9);*/
    /*-webkit-transform: scale(0.9);*/
}

.slideThreeTit {
    width: 11.1rem;
    line-height: 0.6rem;
    font-size: 0.4rem;
    margin: 1rem 0 0 2rem;
    position: absolute;
}

.slideThree .diandian {
    width: 1.4rem;
    height: 1.0rem;
    display: inline-block;
    background: url("../images/bg6.png") no-repeat;
    background-size: 100% 100%;
    font-size: 0.45rem;
    color: #ffffff;
    text-align: center;
    position: absolute;
    z-index: 22;
    top: -85%;
    left: -35%;
    opacity: 0;
}

.slideThree span {
    background: url("../images/bg7.png") no-repeat;
    background-size: 100% 100%;
    font-size: 0.25rem;
    color: #ffffff;
    padding: 0.06rem 0.15rem 0.16rem;
    position: absolute;
    opacity: 0;
}

.shiyanshi {
    width: 4.4rem;
    height: 4.4rem;
    background: url(../images/bg8.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: -3.2rem;
    bottom: 0.45rem;
}

.shiyanshi img {
    position: absolute;
    top: 50%;
    margin-top: -0.02rem;
    left: 50%;
    margin-left: -1.3rem;
    width: 2.74rem;
    height: 0.04rem;
}

.shiyanshi p {
    font-size: 0.6rem;
    width: 100%;
    height: 0.6rem;
    line-height: 0.6rem;
    margin-top: 1.4rem;
    text-align: center;
    font-weight: 700;
}

.shiyanshi em {
    height: 0.35rem;
    width: 100%;
    text-align: center;
    font-size: 0.45rem;
    display: inline-block;
    line-height: 0.35rem;
    position: absolute;
    top: 50%;
    margin-top: 0.2rem;
}

.slideTwo .bg13 {
    width: 6.25rem;
    height: 8.9rem;
    background: url(../images/bg13.png) no-repeat;
    background-size: 100% 100%;
    left: 1.9rem;
    position: absolute;
    top: 6%;
    margin-top: 0;
    color: #5ff3ef;
    font-size: 0.25rem;
    /*padding: 1.5rem 1.3rem 0.3rem 0.75rem;*/
    overflow: hidden;
}

/*逗号*/
.douhao {
    position: absolute;
    left: 47%;
}